<template>
	<Layout>
		<view class="feedback-success">
			<view class="content-title">尊敬的顾客：</view>
			
			<view class="content-main">
				您好！您的留言我们已经收到，我们会按照公司的流程及标准落实处理，结果会在48小时内回复您，
				为了更好地在第一时间倾听您的建议和为您处理问题，请您留下详细的信息和联系方式。
			</view>
			
			<view class="content-end">
				感谢您的留言，祝您生活愉快！
			</view>
			
			<view class="to-close-btn" @click="toClosePage">关闭</view>
		</view>
	</Layout>
</template>

<script setup lang="ts">
	import { onLoad } from '@dcloudio/uni-app'
	import { reactive, ref } from 'vue'
	import Layout from '@/components/layout.vue'
	
	const toClosePage = () => {
		uni.reLaunch({
			url: '/pages/myOpinion/myOpinion'
		})
	}
</script>

<style scoped lang="scss">
	.feedback-success {
		width: 100%;
		height: 100vh;
		background-color: $theme-page;
		padding: 64rpx 40rpx;
		font-size: 36rpx;
		line-height: 72rpx;
		color: $theme-black;
		font-weight: 500;
		.content-main {
			margin: 64rpx 0;
		}
		.to-close-btn {
			width: 100%;
			height: 72rpx;
			border: 1px solid $theme-user-blue;
			text-align: center;
			line-height: 68rpx;
			font-size: 30rpx;
			color: $theme-user-blue;
			margin-top: 56rpx;
			border-radius: 8rpx;
		}
	}
</style>